UC知道<DIV>+CSS的排列怎么横着排
来源：百度知道 编辑：UC知道 时间：2024/09/19 21:10:04
怎么让<DL>和<UL>在一横排上啊????
<HTML>
<style>
#DIV1 {
width:800;
border:#000000 1PX solid;
float:left;
}
#DIV1 UL{
width:600;
}
#DIV1 LI{
width:10;
float:left;
text-align:center;
}
</style>
<DIV ID=DIV1>
<UL>
<LI>1</LI>
<LI>2</LI>
<LI>3</LI>
<LI>4</LI>
<LI>5</LI>
<LI>6</LI>
</UL>
<DL>
<DD>7</DD>
<DD>8</DD>
<DD>9</DD>
</DL>
</DIV>
</HTML>
谢谢,可是为什么这两个是分两行的,我想要在一行上的
<HTML>
<style>
#DIV1 {
width:800;
border:#000000 1PX solid;
float:left;
}
#DIV1 UL{
width:600;
}
#DIV1 LI{
width:10;
float:left;
text-align:center;
}
</style>
<DIV ID=DIV1>
<UL>
<LI>1</LI>
<LI>2</LI>
<LI>3</LI>
<LI>4</LI>
<LI>5</LI>
<LI>6</LI>
</UL>
<DL>
<DD>7</DD>
<DD>8</DD>
<DD>9</DD>
</DL>
</DIV>
</HTML>
谢谢,可是为什么这两个是分两行的,我想要在一行上的
ul和dl 是块元素，要分行的。所以要想在一行，可以分别嵌套一个设定了宽度的div,进行浮动。
<HTML>
<style>
#DIV1 {
width:800px;
border:#000000 1PX solid;
}
#li1{
width:400px;
float:left;
}
#li2{
width:400px;
float:right;
text-align:center;
}
</style>
<DIV ID="DIV1">
<div id="li1">
<LI>1</LI>
<LI>2</LI>
<LI>3</LI>
<LI>4</LI>
<LI>5</LI>
<LI>6</LI>
</div>
<div id="li2">
<DD>7</DD>
<DD>8</DD>
<DD>9</DD>
</div>
</DIV>
</HTML>